<template>
  <div id="app">
    <router-view></router-view>

    <div class="big">
      
      <!-- <div @click="$router.push('/index/home')">首页</div>
      <div @click="$router.push('/index/bao')">爆爆团</div>
      <div @click="$router.push('/index/datelist')">订单</div>
      <div @click="$router.push('/index/my')">我的</div> -->


      <van-tabbar route>
        <van-tabbar-item replace to="/index/home" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/index/bao" icon="fire-o">爆爆团</van-tabbar-item>
                <van-tabbar-item replace to="/index/datelist" icon="todo-list-o">订单</van-tabbar-item>
        <van-tabbar-item replace to="/index/my" icon="friends-o">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>
<script>
export default {


}
</script>

<style lang="scss" scoped>
*{
  margin: 0;padding: 0;
}
.big{
  display: flex;
  width: 100%;
  justify-content: space-around;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  align-content: center;
  border-top: 1px solid #ccc;
}

</style>
